<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" href="http://o98bd3rft.bkt.clouddn.com/41bdb1c2cfbc47e7a8f75b08c19b9020.ico"/>
<meta name="author" content="Unknwon"/>
<meta name="description" content="Go Walker is a server that generates Go projects API documentation on the fly."/>
<meta name="keywords" content="head_keywords"/>
<title>Html Copyer - Online Html Document Fetch</title>
<link href="http://o98bd3rft.bkt.clouddn.com/css/semantic.min.css" rel="stylesheet"/>
<link href="css" rel="stylesheet"/>
<script type="text/javascript" src="http://o98bd3rft.bkt.clouddn.com/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://o98bd3rft.bkt.clouddn.com/js/semantic.min.js"></script>
<script type="text/javascript" src="js"></script>
</head>
<body>
	<noscript>Please enable JavaScript in your browser!</noscript>
	<div class="full height">
		<div class="following bar light fixed">
			<div class="ui page grid">
				<div class="column">
					<div class="ui large secondary network menu">
						<span class="view-ui item">Html Copyer</span>
						<a class="view-ui item active" href="/">首页</a>
						<a id="control-panel" class="view-ui item" href="javascript:void()">设置</a>
						<div class="right menu">
							<div class="ui language floating dropdown link" style="margin: auto;">
								<div class="ui labeled button" tabindex="0">
									<div id="like" class="ui button"><i class="heart icon"></i> Like </div>
									<a id="likenumber" class="ui basic left pointing label">
										{{.Number}}
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="ui page grid alert">
			<div class="thirteen wide center aligned centered column">
			</div>
		</div>
	
		<div class="ui stackable middle very relaxed page grid">
			<div class="fourteen wide center aligned centered column">
				<h1 class="ui icon header">
				<i class="terminal icon"></i>
				获取互联网中，您喜欢的html页面
				</h1>
				<p class="large">
				Html Copyer 是一个可以让您轻松获取互联网中，您喜欢的<b> html </b>页面设计。目前仅支持天朝的局域网URL资源，本平台抓取的页面仅供学习交流！
				如果您觉得不错请右上角<b> Like </b>一波 ^_^
				</p>
				<form class="ui form main search" >
					<div class="field">
						<div class="ui fluid search">
							<div class="ui large icon input">
								<input id="url" class="prompt" name="q" placeholder="请输入您要获取页面的URL地址，请加上http://，https://" autocomplete="off"/>
								<i id="search" class="search icon button"></i>
								<input type="hidden" name="auto_redirect" value="true"/>
							</div>
							<!-- 系统提示信息 -->
							<div id="message" class="results" style="display: none;">
							</div>
							<!-- ajax响应提示信息 -->
							<div id="aj_result" class="results" style="padding: 10px;">
								<div>
									<span style="line-height: 50px; font-size: 14px; color: #000;">抓取任务完成</span>
								</div>
								<div class="ui styled fluid accordion" style="text-align:left;">
									<div class="title"><i class="dropdown icon"></i> 下载失败资源列表 </div>
									<div class="content">
										<pre id="aj_de" style="white-space: pre-wrap; word-wrap: break-word; width: 100%; max-height:200px; padding:5px 5px; margin: 0px; text-align: left; color:white; background-color: #222222; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;"></pre>
									</div>
									<div class="title"><i class="dropdown icon"></i> 存储失败资源列表 </div>
									<div class="content">
										<pre id="aj_se" style="white-space: pre-wrap; word-wrap: break-word; width: 100%; max-height:200px; padding:5px 5px; margin: 0px; text-align: left; color:white; background-color: #222222; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;"></pre>
									</div>
								</div>
								<div style="margin: 15px">
									<a id="aj_pre" href="" target="_blank" class="ui primary button">
										预览抓取结果
									</a>
									<div id="aj_down" target="" class="ui button">获取下载地址</div>
									<div id="aj_close" class="ui red button">关闭</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
		
		<div class="ui stackable very relaxed page grid">
			<div class="fourteen wide center aligned centered column">
				<h1 class="ui icon header">
				<i id="l" class="browser icon" data-content="在设置中开启<抓取信息记录>" data-position="top center"></i>
				抓取信息记录
				</h1>
				<pre id="log" style="white-space: pre-wrap; word-wrap: break-word; width: 100%; height: 300px; padding:5px 15px; text-align: left; color:white; background-color: #222222; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;"></pre>
				<!--<textarea id="log" style="width: 100%; height: 300px; padding:5px 15px; text-align: left; color:white; background-color: #222222; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;">&#13;&#10;hahhaahha&#13;&#10;hahahahsssww&#13;&#10;oieieoireoireouroiew</textarea>-->
			</div>
		</div>
		
		<div id="ws_result" class="ui stackable very relaxed page grid" style="display: none;">
			<div class="fourteen wide center aligned centered column">
				<a id="ws_pre" href="" target="_blank" class="ui primary button">
					预览抓取结果
				</a>
				<div id="ws_down" class="ui button" >获取下载地址</div>
			</div>
		</div>
	
		<div style="width:100%; margin-top: 50px; padding:30px; background-color: #2e4053; text-align: center; color: #a2b4c7; font-family: 微软雅黑, 'Microsoft YaHei', sans-serif; font-size: 12px;">
			<p style="line-height: 20px; margin:4px 0px;">Copyright © 2015 Html Copyer</p>
			<p style="line-height: 20px; margin:4px 0px;">
				网站由 <a href="https://github.com/igoer" target="_blank">@igoer</a> 建设，并由 
				<a href="https://golang.org/" target="_blank">golang</a>、 
				<a href="http://www.qiniu.com/" target="_blank">七牛云存储</a>、
				<a href="http://www.semantic-ui.cn/" target="_blank">semantic ui </a>提供支持</p>
			<p style="line-height: 20px; margin:4px 0px;">本服务建设在一台免费的云服务器上，请给我们（happinessaflower@msn.cn）发送反馈信息或提交网站问题</p>
		</div>
	
	</div>
	
	<!-- 查询压缩队列结果 -->
	<div id="querydown" class="ui small modal control panel transition hidden" style="margin-top: -170.5px;">
		<div class="content" style="text-align: center;">
			<i class="hourglass half icon" style="font-size: 2em; margin-bottom: 20px;"></i>
			<p>压缩队列等待处理...... 请稍后再进行获取</p>
		</div>
	</div>
	
	<!-- 设置面板 -->
		<div id="setting_modals" class="ui small modal control panel transition hidden" style="margin-top: -170.5px;">
			<div class="header">
					设置面板
			</div>
			<div class="content">
				<table class="ui table">
					<thead>
						<tr>
							<th width="80%">说明</th>
							<th width="20%"></th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><b>开启以进行抓取详细信息记录的查看（抓取信息记录）</b></td>
							<td style="text-align: right;">
								<div id="islog" class="ui toggle checkbox">
									<label></label>
									<input type="checkbox" name="public">
								</div>
							</td>
						</tr>
						<tr class="ui disabled">
							<td><b>开启Cookie劫持（<a href="">什么是Cookie劫持？</a>）</b></td>
							<td style="text-align: right;">
								<div id="iscookie" class="ui toggle checkbox">
									<label></label>
									<input type="checkbox" name="s">
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	
	<script type="text/javascript" src="http://o98bd3rft.bkt.clouddn.com/js/jquery.nicescroll.min.js"></script>
	<script>
		$("#log").niceScroll();
		$("#aj_de").niceScroll();
		$("#aj_se").niceScroll();
	</script>
</body>
</html>